.time{
  width: 34px;
  margin-bottom:7px;
}

body{
  font-family: cursive;
}
/* html{
  filter: invert(1) hue-rotate(180deg);
}
html img{
  filter: invert(1) hue-rotate(180deg);
}
html #indexBackground{
  filter: invert(1) hue-rotate(180deg);
} */

/* 底部的座右铭一句话 */
.motto{
  background-image: linear-gradient(135deg, deeppink, dodgerblue);
  font-size: 20px;
  font-weight: bold;
  -webkit-background-clip: text;
  -moz-background-clip: text;
  background-clip: text;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  -moz-box-decoration-break: clone;
  color: transparent;
  position:relative;
}
/* body{
  background:url(/img/bg.jpg) no-repeat;
  background-size: 100% 100%;
  background-attachment: fixed;
} */

.wallaper{
  margin-top: 20px;
  cursor: pointer;
}

a:hover{
  cursor: pointer;
}
#subtitle{
  transition: all .5s;
}

#subtitle:hover{
  cursor: pointer;
  transform: scale(10);
}

.nav-item{
  border-bottom: 1px solid transparent;
}
.nav-item:hover{
  /* border-bottom: 1px solid #00FFFF; */
}
.nav-item:hover .nav-link{
  color: #00FFFF !important;
}



/* 切换按钮 */
#dark{
  background: url('/img/太阳.png');
  background-size: 100% 100% !important;
  cursor: pointer;
  width: 24px;
  height: 24px;
  margin-top: 5px;
  margin-left: 8px;
  display: inline-block;
}

/* #live2d-widget{
  left:0 !important;
} */

#yiyan{
  font-size: 16px;
  margin-top: 50px;
  cursor: pointer;
}
  

/*暗黑模式*/
.dark{
    background-color: #282c34 !important;
  }
  

  /* 背景遮罩 */
  .dark .mask{
    background-color: rgba(0,0,0,.7) ;
  }
    

  /* 主体 */
  .dark #board{
    background-color: #282c34;
    color: #a09c9c;
  }
    
  
  .dark img{
    filter: brightness(50%); 
  }
    

  .dark p,
  .index-info a {
    color: #a09c9c ;
  } 

  .dark .markdown-body
    h1,h2,h3,h4,h5,h6,s,li  {
      color:#a09c9c;
    }
    

  /* 顶栏 */
  .dark .navbar-col-show,
  .dark .top-nav-collapse{
    background-color: #282c34;
  }  
    
  .dark .navbar a  {
    color: #a09c9c !important;
  }
  .dark .navbar .active{
    /* border-bottom: 1px solid transparent; */
  }
    
  .dark .animated-icon span{
      background-color: #a09c9c;
    }   /* 手机端 */
    


  /* page-number */
  .dark .pagination a:hover,
  .dark .pagination .current  {
    background-color: #6b6b6b73;;
  }


  /* 打字机 */
  .dark #subtitle,
  .dark.typed-cursor--blink,
  .scroll-down-arrow{
    color: #dfdfdf;
  }
    


  /* back to top */
  .dark #scroll-top-button{
    z-index: 99;
    background-color: #282c34
  }

  .dark #scroll-top-button i{
    color: #a09c9c;
  }

  /* Toc */
  .dark .tocbot-list a{
    color: #a09c9c;
  }

  .dark .tocbot-active-link,
  .dark footer a:hover{
    color: #1abc9c !important;
  }

  /* footer */
  .dark footer,
  .dark footer a{
    color: #a09c9c;
  }

  /* 归档页 */
  .dark .list-group-item{
    color: #a09c9c;
    background-color: #282c34;
  }
    
    
    .dark .list-group-item:hover,
    .dark .tagcloud a:hover{
      background-color: #46484d;
    }

  /* 友链页 */
  .dark .links,
  .dark .card{
    background-color: #282c34;
  }
      
        
  .dark .card-body:hover {
    background-color: #46484d;
  } 
      
        
  .dark .link-title
  .dark .link-intro {
    color: #a09c9c;
  } 
  
    

  /* note标签 配色有点丑 */
  .dark .note-info{
    background-color: #3b5359;
    border-color: #006d80;
  }
    

  .dark .note-danger{
    background-color: #783f42;
    border-color: #670009;
  }
    

    .dark .note-success{
      background-color: #2a3e2e;
      border-color: #005915;
    }
    

    .dark .note-warning{
      background-color: #5b543e;
      border-color: #846500;
    }
    

    .dark .note-primary{
      background-color: #455a6f;
      border-color: #004188;
    }
    